<template>
	<view class="padding" :style="'height:'+screenHeight+'px'">
		<view style="height: 100%;" v-if="show">
			<view class="boxconten box">
				<view class="titles">
					<span>我的排队号</span>
				</view>
				<view class="text">
					<span>我的号码：<span class="Numbers">{{infor.Number}}</span> 号</span>
					<span>排队类目：<span class="Department">{{infor.Department}}</span></span>
				</view>
			</view>
			<view class="boxconten box">
				<view class="titles">
					<span>当前进度</span>
				</view>
				<view class="text">
					<span>当前轮到的号码是：<span class="Department">{{infor.current}}</span> 号</span>
					<span>您前面还有：<span class="Department">{{infor.residue}}</span> 位正在等候</span>
				</view>
			</view>
			<view class="boxconten box">
				<view class="titles">
					<span>提醒</span>
				</view>
				<view class="text">
					<span>{{infor.prompt}}</span>
					
				</view>
			</view>
			<view class="">
				<u-button  type="primary">刷新最新进度</u-button>
			</view>
		</view>
		<view style="height: 100%;" v-else>
			<view class="boxconten box">
				<view class="titles">
					<span>提醒</span>
				</view>
				<view class="text">
					<span>{{prompt}}</span>
					
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
			data() {
				return {
					 screenHeight: getApp().globalData.screenHeight-44,
					 show:true,
					 prompt:'暂无排队信息，请先进行预约挂号之后再排队取号',
					 infor:{
						 Number:12,
						 Department:'青光眼',
						 current:4,
						 residue:8,
						 prompt:'手机预约成功后可直接去打卡机打卡排队,排队中请耐心等候'
					 }
				}
			},
			onLoad() {
				
			},
			computed:{
				
			},
			methods: {
				
			}
		}
</script>

<style>
	@import './lineup.css'
</style>